<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
		<!-- Set render engine for 360 browser -->
		<meta name="renderer" content="webkit">
		<title>颁奖晚会抽奖</title>
		<link rel="shortcut icon" href="http://7xpwzg.com1.z0.glb.clouddn.com/favicon.ico" type="image/x-icon">
		<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto'>
		<link rel="stylesheet" href="css/screen.css">
	</head>
	<body>
		<div id="wrapper">
			<div id="loader noprint">
				<div class="inner"></div>
			</div>
			<!-- Awards panel -->
			<aside class="zone-container">
				<div class="trigger noprint">
					<i class="icon icon-filter" style="display:none"></i>
				</div>
				<div class="board">
					<div class="first active">
						<h1 style="color:#875212;text-shadow: -1px 1px #DBAD58;">一等奖</h1>
						<fieldset>
							<legend></legend>
						</fieldset>
						<div class="list">
							<p>价值<span class="strong"> 1500元 </span>奥迪自行车</p>
							<ul class="win">
								<li>
									<div class="avatar"><img width="34" src="img/medals.png"/></div>
									<div class="num">****</div>
									<!-- <div class="name"></div> -->
									<button class="icon icon-delete" title="删除">删除</button>
								</li>
							</ul>
							<code>0/3</code>
						</div>
					</div>
					<div class="second active">
						<h1 style="color:#7C8186;text-shadow: -1px 1px #BCC0C4;">二等奖</h1>
						<fieldset>
							<legend></legend>
						</fieldset>
						<div class="list">
							<p>价值<span class="strong"> 1000元 </span>奥迪拉杆箱</p>
							<ul class="win">
								<li class="none">
									<div class="avatar"><img width="34" src="img/medals.png" style="margin-top: -38px;" /></div>
									<div class="num">****</div>
									<!-- <div class="name"></div> -->
									<button class="icon icon-delete" title="删除">删除</button>
								</li>
							</ul>
							<code>0/10</code>
						</div>
					</div>
					<div class="third active">
						<h1 style="color:#C5714F;text-shadow: -1px 1px #C98868;">三等奖</h1>
						<fieldset>
							<legend></legend>
						</fieldset>
						<div class="list">
							<p>价值<span class="strong"> 600元 </span>毛巾礼盒</p>
							<ul class="win">
								<li class="none">
									<div class="avatar"><img width="34" src="img/medals.png" style="margin-top: -75px;" /></div>
									<div class="num">****</div>
									<!-- <div class="name"></div> -->
									<button class="icon icon-delete" title="删除">删除</button>
								</li>
							</ul>
							<code>0/20</code>
						</div>
					</div>
					<button class="printBtn noprint" onclick="window.print();">打印</button>
				</div>
			</aside>
			<section id="container" class="clearfix noprint">
				<div class="html5_video">
					<img src="img/bg.jpg" class="background" alt="">
					<!-- <video autoplay loop src="video/cloud.mp4"></video> -->
				</div>
				<div id="copyleft">
					<div class="favicon">
						<img src="img/logo.png" alt="" width="121">
					</div>
				</div>
				<section id="content" class="clearfix">
					<div class="flicker slideInDown animated">
						<img src="img/head.png" />
					</div>
					<div class="counter-container clearfix counter-third show slideInUp animated">
						<div class="counter">
							<ul class="suffix"><li>*</li><li>*</li><li>*</li></ul>
						</div>
						 <div class="counter">
							<ul class="suffix"><li>*</li><li>*</li><li>*</li></ul>
						</div>
						<div class="counter">
							<ul class="suffix"><li>*</li><li>*</li><li>*</li></ul>
						</div>
						<div class="counter">
							<ul class="suffix"><li>*</li><li>*</li><li>*</li></ul>
						</div>
						<div class="counter">
							<ul class="suffix"><li>*</li><li>*</li><li>*</li></ul>
						</div>
						<div class="counter">
							<ul class="suffix"><li>*</li><li>*</li><li>*</li></ul>
						</div>
						<div class="counter">
							<ul class="suffix"><li>*</li><li>*</li><li>*</li></ul>
						</div>
						<div class="counter">
							<ul class="suffix"><li>*</li><li>*</li><li>*</li></ul>
						</div>
						<div class="counter">
							<ul class="suffix"><li>*</li><li>*</li><li>*</li></ul>
						</div>
						<div class="counter">
							<ul class="suffix"><li>*</li><li>*</li><li>*</li></ul>
						</div>
					</div>

					<div class="counter-container clearfix counter-second hide slideInUp animated">
						<div class="counter-row">
							<div class="counter">
								<ul class="suffix"><li>*</li><li>*</li><li>*</li></ul>
							</div>
							 <div class="counter">
								<ul class="suffix"><li>*</li><li>*</li><li>*</li></ul>
							</div>
						</div>
						<div class="counter-row">
							<div class="counter">
								<ul class="suffix"><li>*</li><li>*</li><li>*</li></ul>
							</div>
							<div class="counter">
								<ul class="suffix"><li>*</li><li>*</li><li>*</li></ul>
							</div>
							<div class="counter">
								<ul class="suffix"><li>*</li><li>*</li><li>*</li></ul>
							</div>
						</div>
					</div>

					<div class="counter-container clearfix counter-first hide slideInUp animated">
					<div class="counter-row">
						<div class="counter">
							<ul class="suffix"><li>*</li><li>*</li><li>*</li></ul>
						</div>
						 <div class="counter">
							<ul class="suffix"><li>*</li><li>*</li><li>*</li></ul>
						</div>
						<div class="counter">
							<ul class="suffix"><li>*</li><li>*</li><li>*</li></ul>
						</div>
					</div>
					</div>
				</section>
			</section>
		</div>
		<script src="js/jquery-2.0.3.min.js"></script>
		<script src="js/dataSource.js"></script>
		<script src="js/script.js"></script>
	</body>
</html>
